@import url("/assets/md.css")feat: start work on blog

@import url("/assets/md.css")

1 files changed, 28 insertions, 0 deletions

diff --git a/src/routes/blog/[id=int]/+page.svelte b/src/routes/blog/[id=int]/+page.svelte
new file mode 100644
index 0000000..16fc586
--- /dev/null
+++ b/src/routes/blog/[id=int]/+page.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+  import { replaceState } from '$app/navigation';
+  import { onMount, tick } from 'svelte';
+
+  import type { PageProps } from './$types';
+  import { resolve } from '$app/paths';
+  import { page } from '$app/state';
+  import { forceTrailingSlash } from '$/lib';
+  import Post from '$/lib/blog/Post.svelte';
+
+  let { data }: PageProps = $props();
+
+  onMount(() => {
+    tick().then(() =>
+      replaceState(
+        forceTrailingSlash(
+          resolve('/blog/[id=int]-[slug]', {
+            id: data.post.metadata.id.toString(),
+            slug: data.post.metadata.slug,
+          }),
+        ),
+        page.state,
+      ),
+    );
+  });
+</script>
+
+<Post post={data.post} />